<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link rel="icon" href="../images/icon.ico" type="image/x-icon"/>
<link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
<title>登录</title>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="../js/jquery-3.2.1.js" ></script>
<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
<script type="text/javascript" src="../js/crypto.js" ></script>
<script type="text/javascript" src="../js/RxWindow.js" ></script>
<script type="text/javascript" src="../js/login.js" ></script>
<script type="text/javascript" src="../js/JyyCommon.js" ></script>
<script type="text/javascript" src="../js/JyyMsgBox.js" ></script>
<script type="text/javascript" src="../js/JyyLoading.js" ></script>
<script type="text/javascript">
$(document).ready(function() {
	initPage();
});
</script>
</head>
<body style="position:absolute;top:0px;left:0px;width:100%;height:100%;background:#282828;margin: 0;min-width: 1200px;" onkeyup="checkKeyUp(event);">
	<div id="viewPanel" style="width:100%;height:100%;overflow:hidden;">
		<div id="index_bg" style="position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/index_bg.jpg) no-repeat center center;background-size: cover;"></div>
		<!-- <div id="logoPage" style="position:absolute;width:100%;height:60px;">
			<iframe src="../pages/logo.html" frameborder="0" width="100%" scrolling="No" height="100%" leftmargin="0" topmargin="0" id="logoIframe"></iframe>
		</div> -->
		<img id="login_effect" style="position: absolute;top:10%;right:50%;height:519px;" src="../images/login_effect.png"/>
		<div id="login_dialog" style="position: absolute;top:20%;left:54%;width:420px;height:440px;overflow: hidden;background:rgba(0,0,0,0.3);filter:alpha(Opacity=30);border-radius:10px 10px 10px 10px;">
			<div id="login_panel" style="position:absolute;top:40px;left:40px;right:40px;bottom:40px;">
				<div id="userNamePanel" style="position:absolute;top:0px;left:0px;right:0px;height:52px;">
					<div style="position:absolute;top:0px;left:0px;width:60px;height:52px;line-height:52px;color:#ffffff;font-size:30px;font-weight:bold;border-bottom:2px solid #557dff;">登录</div>
					<div style="position:absolute;top:12px;left:70px;width:151px;height:42px;background:url(../images/login_flag.png) no-repeat;"></div>
				</div>
				<div id="userNamePanel" style="position:absolute;top:25%;left:0px;right:0px;height:60px; border-bottom:1px solid #8e98af;">
					<div style="position:absolute;top:0px;left:0px;right:0px;height:22px;font-size:22px;color:#ffffff;">电子邮箱</div>
					<input type="text" id="j_username" onchange="onChangeUserClick(this.value)" name="j_username" value="" style="position:absolute;top:36px;left:0px;width:100%;height:20px;font-size:20px;border:0;color:#ffffff;outline:none;background:rgba(0,0,0,0);">
				</div>
				<div id="passNamePanel" style="position:absolute;top:50%;left:0px;right:0px;height:60px; border-bottom:1px solid #8e98af;">
					<div style="position:absolute;top:0px;left:0px;right:0px;height:22px;font-size:22px;color:#ffffff;">密码</div>
					<input type="password" id="j_password" onchange="onChangePwClick(this.value)" name="j_password" value="" style="position:absolute;top:36px;left:0px;width:100%;height:20px;font-size:20px;border:0;color:#ffffff;outline:none;background:rgba(0,0,0,0);">
				</div>
				<div id="memberPanel" style="position:absolute;top:75%;left:0px;width:150px;height:20px;">
					<div id="remember" class="gopt_checkbox_on"></div>
					<div id="rememberText" class="gopt_checkbox_text">记住密码</div>
					<div id="msg" style="position:absolute;top:0px;right:-120px;left:100px;height:20px;line-height:20px;color:#ff0000;"></div>
				</div>
				<div id="otherPane" style="position:absolute;bottom:0px;left:0px;right:0px;height:54px;">
					<div style="position: absolute;bottom:0px;left:0px;width:50%;height:54px;line-height:54px;cursor:pointer;text-align:center;font-size:24px;color:#ffffff;background:-webkit-gradient(linear, 0 0, 100% 0,from(#42c2db),to(#557dff));border-radius:50px 50px 50px 50px;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#42c2db,endcolorstr=#557dff,gradientType=1);" onclick="login();">登&nbsp;&nbsp;&nbsp;录</div>
					<div id="forgot"   style="position:absolute;bottom:0px;right:25%;width:65px;height:20px;line-height:20px;text-align:right;cursor:pointer;color:#ffffff;">忘记密码</div>
					<div id="registry" style="position:absolute;bottom:0px;right:0px;width:65px;height:20px;line-height:20px;text-align:right;cursor:pointer;color:#ffffff;" >免费注册</div><!--  onclick="toRegister()" -->
				</div>
			</div>
		</div>
		<div id="registerPage" style="position:absolute;top:20%;left:54%;width:31.3%;height:67%;display:none">
			<iframe src="register.html" frameborder="0" width="100%" scrolling="No" height="100%" leftmargin="0" topmargin="0" id="registerIframe"></iframe>
		</div>
		<div id="login_mask" style="position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #000000;filter:alpha(Opacity=50);opacity: 0.5;overflow: hidden;z-index: 1000;display: none;" onclick="hideMask()"></div>
	</div>
</body>
</html>